<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/jquery-3.6.1.min.js"></script>
</head>
<body>
<div style="margin-top:100px;margin-left:40%;">
    <h2 style="padding-left:50px;">用户登录</h2>
    姓名：<input id="username" type="text">
    <p></p>
    密码：<input id="password" type="password">
    <p></p>
    <div style="padding-left:50px;">
        <input type="button" value=" 登 录 " onclick="javascript:window.location.href='hello.html'">
        &nbsp;&nbsp;
        <input type="reset" value=" 重 置 " onclick="myClear()">
    </div>
</div>
<script>
    // 执行登录操作
    function mySubmit(){
        var username = jQuery("#username");
        var password = jQuery("#password");
        // 1.非空效验
        if(jQuery.trim(username.val())=="") {
            alert("请先输入姓名！");
            // 让光标显示到姓名处
            username.focus();
            return;
        }
        if(jQuery.trim(password.val())=="") {
            alert("请先输入密码！");
            password.focus();
            return;
        }
        // 2.将数据提交给后端（SpringBoot）
        jQuery.ajax({
            url:"/user/login3",
            type:"POST",
            contentType:"application/json",   // json 数据必须加
            data:JSON.stringify({          // json 数据必须加 JSON.stringify /
                username:username.val(),
                password:password.val()
            }),
            success:function(result){
                // {"succ":200,"result":1,"msg":""}
                alert(JSON.stringify(result));
            }
        });
    }
    function myClear(){
        if(confirm("确定清空？")){
            // 点击了确认按钮
            jQuery("#username").val("");
            jQuery("#password").val("");
        }
    }
</script>
</body>
</html>